<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>NeuBoard</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../static/manage/css/bootstrap.min.css">
    <!-- Fonts  -->
    <link rel="stylesheet" href="../static/manage/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/manage/css/simple-line-icons.css">
    <!-- CSS Animate -->
    <link rel="stylesheet" href="../static/manage/css/animate.css">
    <!-- Daterange Picker -->
    <link rel="stylesheet" href="../static/manage/css/daterangepicker-bs3.css">
    <!-- Switchery -->
    <link rel="stylesheet" href="../static/manage/css/switchery.min.css">
    <!-- Custom styles for this theme -->
    <link rel="stylesheet" href="../static/manage/css/main.css">
    <!-- Feature detection -->
    <script src="../static/manage/js/modernizr-2.6.2.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="assets/js/vendor/html5shiv.js"></script>
    <script src="assets/js/vendor/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <section id="main-wrapper" class="theme-default">
        <header id="header">
            <!--logo start-->
            <div class="brand">
                <a href="#" class="logo">
                    <i class="icon-layers"></i>
                    <span>重财</span>社联</a>
            </div>
            <!--logo end-->
            <ul class="nav navbar-nav navbar-left">
                <li class="toggle-navigation toggle-left">
                    <button class="sidebar-toggle" id="toggle-left">
                        <i class="fa fa-bars"></i>
                    </button>
                </li>
                <li class="toggle-profile hidden-xs">
                    <button type="button" class="btn btn-default" id="toggle-profile">
                        <i class="icon-user"></i>
                    </button>
                </li>
                <li class="hidden-xs hidden-sm">
                    <input type="text" class="search" placeholder="搜索...">
                    <button type="submit" class="btn btn-sm btn-search"><i class="fa fa-search"></i>
                    </button>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown profile hidden-xs">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="meta">
                            <span class="avatar">
                                <img src="../static/manage/picture/user.svg" class="img-circle" alt="">
<!--                                头像更换-->
                            </span>
                        <span class="text">{{username}}</span>
                        <span class="caret"></span>
                        </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight" role="menu">
                        <li>
                            <a href="/indexTeacher">
                                <span class="icon"><i class="fa fa-user"></i>
                                </span>个人信息
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon"><i class="fa fa-envelope"></i>
                                </span>我的消息</a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon"><i class="fa fa-cog"></i>
                                </span>设置</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/">
                                <span class="icon"><i class="fa fa-sign-out"></i>
                                </span>退出登录</a>
                        </li>
                    </ul>
                </li>
<!--                 <li class="toggle-fullscreen hidden-xs">-->
<!--                进入全屏-->
<!--                    <button type="button" class="btn btn-default expand" id="toggle-fullscreen">-->
<!--                        <i class="fa fa-expand"></i>-->
<!--                    </button>-->
<!--                </li>-->
                <li class="toggle-navigation toggle-right">
                    <button class="sidebar-toggle" id="toggle-right">
                        <i class="fa fa-indent"></i>
                    </button>
                </li>
            </ul>
        </header>
        <!--sidebar left start-->
        <aside class="sidebar sidebar-left">
            <div class="sidebar-profile">
<!--                右侧头像设置-->
                <div class="avatar">
                    <img class="img-circle profile-image" src="../static/manage/picture/user.svg" alt="profile">
<!--                    更换头像图片，使用 i 标签，默认头像，不可更换-->
                    <i class="on border-dark animated bounceIn"></i>
                </div>
                <div class="profile-body dropdown">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><h4>{{username}} <span class="caret"></span></h4></a>
                    <small class="title">财务部管理员</small>
                </div>
            </div>

<!--            侧边栏功能设置-->
            <nav>
                <h5 class="sidebar-header">权限操作</h5>
                <ul class="nav nav-pills nav-stacked">
<!--                    社团消息，单页面-->
                    <li class="active">
                        <a href="/indexTeacher" title="查看各社团信息">
                            <i class="fa  fa-fw fa-tachometer"></i> 社团信息
                        </a>
                    </li>
<!--                    社团管理,子任务较多-->
                    <li class="nav-dropdown">
                        <a href="#" title="社团管理">
                            <i class="fa  fa-fw fa-cogs"></i> 社团管理
                        </a>
                        <ul class="nav-sub">
                            <li>
                                <a href="/teacherSocialManage" title="查找社团信息">
                                     社团查找
                                </a>
                            </li>
                            <li>
                                <a href="/teacher_Managenent_Add" title="新增社团信息">
                                     添加社团
                                </a>
                            </li>
                            <li>
                                <a href="#" title="社团社长变更">
                                    社团管理员
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-dropdown">
                        <a href="#" title="活动审批,提示信息">
                            <i class="fa  fa-fw fa-edit"></i> 活动管理
                        </a>
<!--                        子任务设置-->
                        <ul class="nav-sub">
                            <li><a href="/teacher_Activity_Manage" title="活动查看">查看活动</a>
                            </li>
                            <li><a href="/teacher_Activity_Issuance" title="活动记录">发布活动</a>
                            </li>
                            <li><a href="/teacher_Activity_Approval" title="活动批准">活动审批</a>
                            </li>
                            <li><a href="/teacher_Activity_Journal" title="活动记录">活动记录</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="/teacher_Email" title="信箱">
                            <i class="fa fa-envelope"></i> 我的邮箱
                        </a>
                    </li>

                    <li>
                        <a href="/teacher_News" title="消息查看">
                            <i class="fa fa-comments-o"></i> 我的信息
                        </a>
                    </li>
                </ul>
            </nav>
            <h5 class="sidebar-header">账户设置</h5>
            <div class="setting-list">
                <div class="row">
                    <div class="col-xs-8">
                        <label for="check1" class="control-label">分享我的动态</label>
                    </div>
                    <div class="col-xs-4">
                        <input type="checkbox" class="js-switch" checked="" id="check1">
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-8">
                        <label for="check2" class="control-label">推送通知</label>
                    </div>
                    <div class="col-xs-4">
                        <input type="checkbox" class="js-switch" id="check2">
                    </div>
                </div>
            </div>
        </aside>
        <!--sidebar left end-->
        <!--main content start-->
        <section class="main-content-wrapper">
            <div class="pageheader">
                <h1>社团为兴趣而歌</h1>
                <p class="description">重庆财经学院社团管理中心</p>
                <div class="breadcrumb-wrapper hidden-xs">
                    <span class="label">你的位置:</span>
                    <ol class="breadcrumb">
                        <li class="active">首页</li>
                    </ol>
                </div>
            </div>

            <section id="main-content" class="animated fadeInUp">
                <div class="row">
                    <div class="col-md-3">
                        <div class="panel panel-success">
                            <div class="panel-heading">
                                <h3 class="panel-title">财务状况</h3>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                </div>
                            </div>
                            <div class="panel-body">
                                9000
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="panel panel-info">
                            <div class="panel-heading">
                                <h3 class="panel-title">申报处理</h3>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                </div>
                            </div>
                            <div class="panel-body">
                                4
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="panel panel-info">
                            <div class="panel-heading">
                                <h3 class="panel-title">社团总数</h3>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                </div>
                            </div>
                            <div class="panel-body">
                                3
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="panel panel-info">
                            <div class="panel-heading">
                                <h3 class="panel-title">活动审批</h3>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                </div>
                            </div>
                            <div class="panel-body">
                                5
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">

                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h2 class="panel-title">社团信息</h2>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                </div>
                            </div>
                            <div class="panel-body">

                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>社团名称</th>
                                            <th>社团负责人</th>
                                            <th>社团人数</th>
                                            <th>社团成立时间</th>
                                            <th>社团类型</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        {% for social in socials %}
                                        <tr>
                                            <td>{{social[0]}}</td>
                                            <td>{{social[1]}}</td>
                                            <td>{{social[2]}}</td>
                                            <td>{{social[3]}}</td>
                                            <td>{{social[4]}}</td>
                                            <td>{{social[5]}}</td>
                                        </tr>
                                        {% endfor %}
                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">财务数据</h3>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                </div>
                            </div>
                            <div class="panel-body text-center">
                                <div>
                                    <canvas id="bar" height="140"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="row">

                </div>

                <div class="row">

                </div>
            </section>
        </section>
        <!--main content end-->
    </section>
    <!--sidebar right start-->

<!--    右侧隐藏栏设置-->
    <aside id="sidebar-right">
        <h4 class="sidebar-title">消息列表</h4>
        <div id="contact-list-wrapper">
            <div class="heading">
                <ul>
                    <li class="new-contact"><a href="javascript:void(0)"><i class="fa fa-plus"></i></a>
                    </li>
                    <li>
                        <input type="text" class="search" placeholder="搜索...">
                        <button type="submit" class="btn btn-sm btn-search"><i class="fa fa-search"></i>
                        </button>
                    </li>
                </ul>
            </div>
            <div id="contact-list">
<!--                整体的容器-->
                <ul>
<!--                    每一条消息的设置-->
                    <li>
                        <div class="row">
                            <div class="col-md-3">
                                <span class="avatar">
                        <img src="../static/manage/picture/avatar3.png" class="img-circle" alt="">
                          <i class="on animated bounceIn"></i>
                        </span>
                            </div>
                            <div class="col-md-9">
                                <div class="name">标 题</div>
                                <small class="location text-muted"><i class="icon-bubbles"></i>部分内容</small>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="col-md-3">
                                <span class="avatar">
                        <img src="../static/manage/picture/avatar1.png" class="img-circle" alt="">
                          <i class="on animated bounceIn"></i>
                        </span>
                            </div>
                            <div class="col-md-9">
                                <div class="name">标题 </div>
                                <small class="location text-muted"><i class="icon-bubbles"></i>部分内容</small>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
<!--            弹出框页面底部三元素设置-->
            <div id="contact-user">
                <div class="chat-user active"><span><i class="icon-bubble"></i></span>
                </div>
                <div class="email-user"><span><i class="icon-envelope-open"></i></span>
                </div>
                <div class="call-user"><span><i class="icon-book-open"></i></span>
                </div>
            </div>
        </div>
    </aside>
    <!--/sidebar right end-->
    <!--页面主题设置-->
    <div id="config" class="config hidden-xs">
        <h4>页面主题设置<a href="javascript:void(0)" class="config-link closed"><i class="icon-settings"></i></a></h4>
        <div class="config-swatch-wrap">
            <div class="row">
                <div class="col-xs-6">
                    <ul class="options">
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-default">
                                <span class="header bg-white"></span>
                                <span class="header bg-white"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-dark">
                                <span class="header bg-dark"></span>
                                <span class="header bg-white"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-blue">
                                <span class="header bg-info"></span>
                                <span class="header bg-white"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-blue-full">
                                <span class="header bg-info"></span>
                                <span class="header bg-info"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-grey">
                                <span class="header bg-grey"></span>
                                <span class="header bg-white"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-grey-full">
                                <span class="header bg-grey"></span>
                                <span class="header bg-grey"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-6">
                    <ul class="options">
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-dark-full">
                                <span class="header bg-dark"></span>
                                <span class="header bg-dark"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-green">
                                <span class="header bg-green"></span>
                                <span class="header bg-white"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-green-full">
                                <span class="header bg-green"></span>
                                <span class="header bg-green"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-red">
                                <span class="header bg-red"></span>
                                <span class="header bg-white"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-red-full">
                                <span class="header bg-red"></span>
                                <span class="header bg-red"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                        <li>
                            <div class="theme-style-wrapper" data-theme="theme-dark-blue-full">
                                <span class="header bg-dark-blue"></span>
                                <span class="header bg-dark-blue"></span>
                                <span class="nav bg-dark"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--/Config demo-->
    <!--Global JS-->
    <script src="../static/manage/js/jquery-1.11.1.min.js"></script>
    <script src="../static/manage/js/bootstrap.min.js"></script>
    <script src="../static/manage/js/jquery.navgoco.min.js"></script>
    <script src="../static/manage/js/pace.min.js"></script>
    <script src="../static/manage/js/jquery.fullscreen-min.js"></script>
    <script src="../static/manage/js/app.js"></script>
    <!--Page Level JS-->
    <script src="../static/manage/js/jquery.countTo.js"></script>
    <script src="../static/manage/js/skycons.js"></script>
    <script src="../static/manage/js/moment.min.js"></script>
    <script src="../static/manage/js/daterangepicker.js"></script>
    <!-- ChartJS  -->
    <script src="../static/manage/js/Chart.min.js"></script>
    <!-- Morris  -->
    <script src="../static/manage/js/morris.min.js"></script>
    <script src="../static/manage/js/raphael.2.1.0.min.js"></script>
    <!-- Vector Map  -->
    <script src="../static/manage/js/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="../static/manage/js/jquery-jvectormap-world-mill-en.js"></script>
    <!-- Gauge  -->
    <script src="../static/manage/js/gauge.min.js"></script>
    <script src="../static/manage/js/gauge-demo.js"></script>
    <!-- Calendar  -->
    <script src="../static/manage/js/clndr.js"></script>
    <script src="../static/manage/js/clndr-demo.js"></script>
    <script src="../static/manage/js/underscore-min.js"></script>
    <!-- Switch -->
    <script src="../static/manage/js/switchery.min.js"></script>
    <!--Load these page level functions-->
    <script>
    $(document).ready(function() {
        app.dateRangePicker();
        app.chartJs();
        app.weather();
        app.spinStart();
        app.spinStop();
    });
    </script>
     
</body>

</html>
